<template>
	<view>
		<form @submit="$emit('_formIdSubmit',$event)" data-type="navigate" :data-url="param.url" reportSubmit="true">
        <button formType="submit" id="_formIdSubmit" class="_formIdSubmit">
            <view class="link flex-row flex-y-center" :style="{backgroundColor:param.backgroundColor,color:param.color}">
                <view class="flex-row flex-grow-0 link-img flex-y-center" :style="{backgroundImage:'url('+param.is_icon==1?param.icon:''+')',backgroundPosition:new_param.position}">
                    <view class="text-more flex-grow-1 link-text" :style="'padding-left:'+new_param.left">{{param.name}}</view>
                    <image class="flex-y-center flex-grow-0 img" lazyLoad="true" :src="__wxapp_img.dapp.jiantou_r.url" v-if="param.is_jiantou==1"></image>
                </view>
            </view>
        </button>
    </form>
	</view>
</template>

<script>var myVue = {};
	export default {
		props:['param','__wxapp_img'],
		computed: {
			new_param() {
				var obj = this.param
				obj.position = uni.upx2px(obj.position) + 'px';
				obj.left = uni.upx2px(obj.left) + 'px';
				return obj;
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>

</style>
